<template>
  <div class="platform-tab">
    <el-radio-group v-model="currentPlatform" size="large">
      <el-radio-button label="all">全部</el-radio-button>
      <el-radio-button label="zhihu">知乎</el-radio-button>
      <el-radio-button label="weibo">微博</el-radio-button>
      <el-radio-button label="github">GitHub</el-radio-button>
      <el-radio-button label="v2ex">V2EX</el-radio-button>
    </el-radio-group>
  </div>
</template>

<script setup>
import { storeToRefs } from 'pinia'
import { useNewsStore } from '../stores/news'

const newsStore = useNewsStore()
const { currentPlatform } = storeToRefs(newsStore)
</script>

<style scoped>
.platform-tab {
  margin-bottom: 20px;
}
</style>